.chatDog{ margin-top: 10px;}
.chatDogHome{ padding: 40px 0px; padding-left: 345px; padding-bottom: 200px; padding-top: 0; background: #f3f6fe; padding-top: 20px;}
.chatDogHome .chatDogHome_Keywords{ display: flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% - 30px); padding: 30px 30px; padding-bottom: 10px; padding-right: 0;}
.chatDogHome .chatDogHome_Keywords .chatDogHome_Keywords_list{ border-radius: 4px; border: 2px solid #dcdee6; padding: 10px 20px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; background: #fff;}
.chatDogHome .chatDogHome_Keywords .chatDogHome_Keywords_list img{ height: 11px; margin-left: 11px;}
.chatDogHome .chatDogHome_Keywords .chatDogHome_Keywords_list span{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; margin-left: 9px;}
.chatDogHome .chatDogHome_Keywords .chatDogHome_Keywords_list.active{ border: 2px solid #3662eb; background: #e8eeff;}
.chatDogHome .chatDogHome_Keywords .chatDogHome_Keywords_list:hover{ border: 2px solid #3662eb; background: #e8eeff;}
.chatDogHome .chatDogHome_content{ display: flex; flex-wrap: wrap; padding: 0px 30px; padding-top: 32px; padding-right: 0;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list{ width: calc(23.5% - 42px); margin-right: 2%; border: 1px solid #3662eb; background: #fafbff; border-radius: 10px; padding: 20px; margin-bottom: 2%;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; background: #fff; cursor: pointer;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list:nth-child(4n){ margin-right: 0;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_dd{ font-size: 16px; color: #3662eb; font-weight: bolder; line-height: 22px; width: 100%;word-wrap: break-word; word-break: normal;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_dd b{ color: red;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_dt{ display: flex; align-items: center; margin-right: 8px;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_right{ display: flex; align-items: center;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_dt img{ height: 12px; margin-right: 10px;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_dt span{ cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 25px; border-radius: 4px; background: #dfe3ec; color: #111;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; font-size: 14px;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_dt:last-child{ margin-right: 0;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_top .list_top_dt span:hover{ background: #3662eb; color: #fff;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list:hover{ box-shadow: 0px 0px 20px rgba(54,98,235,.3);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_bottom{ max-height: 210px; overflow: auto; font-size: 14px; color: #474b5a; line-height: 24px; margin-bottom: 10px;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_bottom:last-child{ margin-bottom: 0;}
.chatDogHome .chatDogHome_content .chatDogHome_content_list .content_list_bottom b{ color: red; font-weight: normal;}
.chatDogHome .chatDogHome_submit{ position: fixed; bottom: 0; right: 0; z-index: 1; padding: 33px 30px; width: calc(100% - 499px); padding-top: 0; background: #f3f6fe; padding-left: 0px;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_tag{ display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_tag .submit_tag_list{ display: flex; align-items: center; height: 28px; padding: 0px 12px; border-radius: 100px; background: #e8eeff; position: relative; font-size: 13px; color: #3662eb; margin-right: 20px;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_tag .submit_tag_list b{ font-weight: normal;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_tag .submit_tag_list img{ height: 16px; position: absolute; right: -4px; top: -4px; cursor: pointer;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .el-textarea__inner{ box-shadow: 0px 0px 15px rgba(54,98,235,.3); border: 1px solid #3662eb; font-size: 16px; line-height: 24px;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_click{ position: absolute; right: 80px; bottom: 55px; width: 81px; height: 41px; border-radius: 100px;background: linear-gradient(to right,#3662eb, #3636eb); border-radius: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_click img{ height: 22px;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_loading{ display: flex; align-items: center;position: absolute; right: 85px; bottom: 65px; display: none;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_loading.is-active{ display: block;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_loading div{ margin: 0px 3px; display: inline-block; width: 8px; border-radius: 100%; height: 8px;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_loading div:nth-child(1){ background: #3a60eb;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_loading div:nth-child(2){ background: #424feb;}
.chatDogHome .chatDogHome_submit .chatDogHome_submit_input .submit_input_btn .input_btn_loading div:nth-child(3){ background: #4b35d4;}

.chatDogHome .chatDogHome_Search{ display: flex; justify-content: flex-end;}
.chatDogHome .chatDogHome_Search .input-with-select{ width: 280px; border: 1px solid #dcdcdc; overflow: hidden; border-radius: 6px; box-shadow: 0px 0px 20px rgba(54,98,235,.1);}
.chatDogHome .chatDogHome_Search .el-input__inner{ height: 38px; border: 0; font-size: 14px; color: #111;}
.chatDogHome .chatDogHome_Search .el-input-group__append{ background: #fff; border: 0;}
.chatDogHome .chatDogHome_Search .el-input-group__append .el-icon-search{ font-size: 18px; color: #999;}

.la-ball-fall,.la-ball-fall>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-fall{}.la-ball-fall>div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0ms;-moz-animation-delay:0ms;-o-animation-delay:0ms;animation-delay:0ms}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}}




.chat{ padding: 0px 30px; padding-top: 20px; padding-right: 0;}
.chat .chat_list{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 25px; flex-direction: row-reverse;}
.chat .chat_list .chat_list_left{ width: calc(100% - 62px);}
.chat .chat_list .chat_list_left .list_left_time{ font-size: 13px; color: #abaeb6; text-align: right; margin-bottom: 12px;}
.chat .chat_list .chat_list_left .list_left_txt{ display: flex; justify-content: flex-end; flex-direction: row-reverse;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon{ margin-left: 11px; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; width: 12px;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dd img{ height: 12px; cursor: pointer;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dt{ margin-top: 7px; position: relative;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dt img{ width: 3px; cursor: pointer;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dt .icon_dt_dwon{ width: 95px; position: absolute; box-shadow: 0px 0px 22px rgba(0,0,0,.1); border-radius: 6px; overflow: hidden; padding: 2px; background: #fff; left: -50px; top: 50%; transform: translateY(-50%); display: none;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dt:hover .icon_dt_dwon{ display: block;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dt .icon_dt_dwon .icon_dt_li{ height: 35px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #474b5a; cursor: pointer; border-radius: 6px;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dt .icon_dt_dwon .icon_dt_li img{ width: 14px; margin-right: 8px;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_icon .txt_icon_dt .icon_dt_dwon .icon_dt_li:hover{ background: #f3f3f5;}
.chat .chat_list.user .chat_list_left .list_left_txt .left_txt_question{ border-radius: 4px; color: #222; max-width: calc(100% - 23px); padding-top: 10px; white-space: pre-wrap;}
.chat .chat_list.user .chat_list_left .list_left_txt .left_txt_question .txt_question_p{ font-size: 15px; line-height: 25px; }
/* .chat .chat_list .chat_list_left .list_left_txt .left_txt_question .txt_question_p{ line-height: 25px;} */
/* .chat .chat_list .chat_list_left .list_left_txt .left_txt_question .txt_question_p ol{ margin-bottom: 0; margin: -25px 0px;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_question p{ font-size: 15px; line-height: 25px;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_question li{ line-height: 0;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_question li p{ margin-top: 0;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_question li p:first-child{ margin-top: -12px; margin-bottom: 0;}
.chat .chat_list .chat_list_left .list_left_txt .left_txt_question .txt_question_code{ margin-top: 10px;} */


.chat .chat_list .chat_list_right{ width: 44px; height: 44px; border-radius: 100%;}
.chat .chat_list .chat_list_right img{ width: 100%; border-radius: 100%; height: 44px; object-fit: cover;}
.chat .chat_list.dog{ flex-direction: row-reverse;}
.chat .chat_list.dog .chat_list_left .list_left_txt .left_txt_question{ max-width: calc(100%); background: #fff; color: #474b5a; padding: 25px; border-radius: 6px;}
.chat .chat_list.dog .chat_list_left .list_left_txt .left_txt_question .txt_question_p{  font-size: 15px;  color: #222; 
    transform-origin: top;
  transform: translateY(0);
}
.chat .chat_list.dog .chat_list_left .list_left_txt .left_txt_question .txt_question_p p{white-space: pre-wrap; line-height: 25px;}
.chat .chat_list.dog .chat_list_left .list_left_time{ text-align: left;}
.chat .chat_list.dog .chat_list_left .list_left_txt{ flex-direction: row-reverse;}
.chat .chat_list.dog .chat_list_left .list_left_txt .left_txt_icon{ margin-right: 0; margin-left: 11px;}



.language-javascript{ background: #fff; padding: 20px; border-radius: 6px; position: relative;}
.language-javascript code{ width: 100%; font-family:Arial,'Microsoft YaHei',sans-serif;}
.language-javascript .copy_code_btn{ position: absolute; right: 20px; top: 20px; color: #abaeb6; font-size: 15px; font-family:Arial,'Microsoft YaHei',sans-serif;}



.chatdogNav{ position: fixed; left: 94px; bottom: 0; width: 345px; background: #fff; height: calc(100vh - 62px); z-index: 1;}
.chatdogNav .chatdogNav_content{  padding: 16px 35px; padding-top: 55px; height: calc(100% - 71px); position: relative;}
.chatdogNav .chatdogNav_content .chatdogNav_content_btn{ display: flex; align-items: center; justify-content: center; background: #3662eb; height: 44px; border-radius: 6px; font-size: 18px; color: #fff; box-shadow: 4px 6px 29px rgba(40,82,210,.15); margin-bottom: 22px; cursor: pointer;}
.chatdogNav .chatdogNav_content .chatdogNav_content_btn span{ margin-right: 10px; font-size: 22px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt{ overflow: auto; position: absolute; bottom: 100px; height: calc(100% - 208px); width: 80%;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list{ display: flex; align-items: center; justify-content: space-between; padding: 0px 10px; border: 1px solid #eaeef7; background: #eaeef7; border-radius: 6px; margin-bottom: 10px; height: 50px; cursor: pointer;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_title{ font-size: 15px; color: #474b5a; display: inline-block; width: calc(100%); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 50px; position: relative;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_title a{ display: inline-block; width: 100%; line-height: 50px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_title .el-input{ position: absolute; left: 25px; top: 50%; transform: translateY(-50%);}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_title .el-input .el-input__inner{ width: calc(100% - 25px); background: #e8eeff;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_title img{ height: 16px; margin-right: 10px; position: relative; top: 1px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list:hover{ background: #e0e2e7;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn{ display: flex; align-items: center; position: relative;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn span{ cursor: pointer;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn span:nth-child(1){ margin-right: 13px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn span:nth-child(1) img{ width: 20px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn span img{ width: 16px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn .list_btn_clickconfirm,.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn .list_btn_clickclose{ position: absolute; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; background: #e8eeff; font-size: 16px; color: #111; cursor: pointer;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn .list_btn_clickconfirm:hover,.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn .list_btn_clickclose:hover{ background: #3662eb; color: #fff;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list .txt_list_btn .list_btn_clickclose{ right: 0;}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list.active .txt_list_title{ width: calc(100% - 55px);}
.chatdogNav .chatdogNav_content .chatdogNav_content_txt .content_txt_list.active{ border: 1px solid #3662eb; background: #e8eeff;}
.chatdogNav .chatdogNav_content .chatdogNav_content_vip{ display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 50px; left: 0; width: calc(100% - 30px); padding: 0px 15px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_vip .content_vip_left{ display: flex; align-items: center; font-size: 14px; color: #474b5a;}
.chatdogNav .chatdogNav_content .chatdogNav_content_vip .content_vip_left img{ width: 18px; margin-right: 8px;}
.chatdogNav .chatdogNav_content .chatdogNav_content_vip .content_vip_left a{ font-size: 14px; color: #3662eb; display: inline-block; padding: 8px 10px; border-radius: 100px; background: #e8eeff; margin-left: 10px; cursor: pointer;}
.chatdogNav .chatdogNav_content .chatdogNav_content_vip .content_vip_right{ border-radius: 100px; padding: 5px 10px; font-size: 14px; color: #50350f; box-shadow: 0px 0px 25px rgba(82,55,16,.1);background: linear-gradient(to right,#fbd58f, #e3a852); cursor: pointer;}
.chatdogNav .chatdogNav_content .chatdogNav_content_vip.is-active{ justify-content: center;}



@media screen and (max-width:1550px){
    .chatDogHome .chatDogHome_Keywords .chatDogHome_Keywords_list{ padding: 10px; font-size: 13px;}
    .chatDogHome .chatDogHome_content .chatDogHome_content_list{ width: calc(32% - 42px);}
    .chatDogHome .chatDogHome_content .chatDogHome_content_list:nth-child(3n){ margin-right: 0;}
    .chatDogHome .chatDogHome_content .chatDogHome_content_list:nth-child(4){ margin-right: 2%;}
    .chatDogHome .chatDogHome_content .chatDogHome_content_list:nth-child(8){ margin-right: 2%;}
}






















































































































































































































































































